<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            font-family: "SimSun", serif;
            line-height: 1.6;
            margin: 20px;
            padding: 0;
            background-color: #f9f9f9;
        }
        h1 {
            text-align: center;
            color: #333;
        }
        .poem, .annotation {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .poem p {
            text-indent: 2em;
            margin: 10px 0;
        }
        .annotation {
            margin-top: 30px;
            padding-top: 10px;
            border-top: 1px solid #ddd;
            font-size: 0.9em;
            color: #666;
        }
        .annotation p {
            margin: 5px 0;
        }
    </style>
    <script>
        // 设置一个 3 秒的定时器
        setTimeout(function() {
            // 修改 <title> 内容
            document.title = "将进酒";

            // 修改页面内容
            document.body.innerHTML = `
                <h1>将进酒</h1>
                <div class="poem">
                    <p>君不见黄河之水天上来，奔流到海不复回。</p>
                    <p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
                    <p>人生得意须尽欢，莫使金樽空对月。</p>
                    <p>天生我材必有用，千金散尽还复来。</p>
                    <p>烹羊宰牛且为乐，会须一饮三百杯。</p>
                    <p><strong>岑夫子<sup>1</sup></strong>，<strong>丹丘生<sup>2</sup></strong>，将进酒，杯莫停。</p>
                    <p>与君歌一曲，请君为我倾耳听。</p>
                    <p>钟鼓馔玉不足贵，但愿长醉不复醒。</p>
                    <p>古来圣贤皆寂寞，惟有饮者留其名。</p>
                    <p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
                    <p>主人何为言少钱，径须沽取对君酌。</p>
                    <p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。</p>
                </div>
                <div class="annotation">
                    <p><sup>1</sup> 岑夫子：岑勋，李白的朋友.</p>
                    <p><sup>2</sup> 丹丘生：元丹丘，李白的朋友.</p>
                </div>
            `;
        }, 3000); // 3000 毫秒 = 3 秒
    </script>
</head>
<body>
    <h1>三秒后完成</h1>
</body>
</html>